<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
 <button id="btn"></button>
<body>
  <script>
      
// - 是异步编程的终极解决方案, 目标就是消灭回调函数
// - 一般是手里有了promise对象后, 才开始用上async&wait,
// - 能简化promise的使用, 不用再使用.then/.catch来指定成功/失败的回调函数
// - 使用await表达式:   一般写在结果值为promise的表达式左侧, 那整个表达的结果就为promise成功的value
// - 使用async函数:  async写在await所在的最近函数定义左侧
// - 使用失败的情况: 使用try...catch
// - await右边的表达式也可以不是promise, 如果不是, 整体结果还是原来值(相当于没有await)
// - 调用async函数返回的的结果为一个新的promise对象
// - async函数返回的promise由什么决定? 函数执行的结果决定 (与then的特点一致)


    document.getElementById('btn').onclick = async () => {
      try {
        const result = await ajax('http://localhost:3000/movie2?q=飞')
        console.log('请求成功的数据2', result)
      } catch (error) {
        alert(error.message)
      }
    }

    async function request() {
      const result = await ajax('http://localhost:3000/movie2?q=飞')
      return result
    }

    async function test() {

      const result = await {m: 1}
      console.log('result', result)

      // 调用async函数返回的的结果为一个新的promise对象
      // async函数返回的promise由什么决定? 函数执行的结果决定 (与then的特点一致)
      const promise = request()
      console.log(promise)
    }
    test()
   
  </script>
</body>
</html>